@import "partials/mixins";
@import "partials/flex";
@import "partials/utilities";
@import "partials/common";
html {
	max-width: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}

body {
	-webkit-text-size-adjust: none;
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
	font-size: ptr(24px);
	font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', SimSun, sans-serif;
}

input,
textarea {
	font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', SimSun, sans-serif !important;
	font-size: ptr(30px);
}

#app {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff; // >div {
	//     background-color: #E6EAF3;
	// }
}

input {
	border: 0;
	outline: none !important;
}

* {
	box-sizing: border-box;
}

.am-list-item .am-input-control input {
	font-size: ptr(30px) !important;
}

.scroll-absolute {
	position: relative;
	overflow: hidden;
	>div {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: auto;
	}
}

.margin-btm {
	margin-bottom: ptr(20px);
}

// 滚动条
@include scrollbars(ptr(10px), #d9d9d9, rgba(0, 0, 0, 0));
// 标题样式
.comm-head {
	padding: ptr(10px) 0 ptr(20px) ptr(40px);
	position: relative;
	font-size: ptr(30px);
	color: #333;
	border-bottom: 1px solid #ddd;
	line-height: ptr(40px);
}

.comm-head::before {
	@include point(12px, 40px, 12px, #2ac5c7);
	left: ptr(12px) !important;
	margin-top: ptr(-25px);
}

// 公用 btn
.btn {
	border: 0;
	outline: none;
	width: 100%;
	height: 100%;
	&.btn-primary {
		background: $bg_green3;
		color: $defult;
	}
}

.loading {
	height: ptr(40px);
	width: ptr(40px);
	border-radius: 100%;
	border: ptr(8px) solid #666;
	border-bottom-color: transparent;
	vertical-align: middle;
	animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

.chart {
	display: flex;
	justify-content: center;
	align-items: center;
}
